import { CSSProperties } from 'vue'

export const MaskPropsType_Name = 'MaskPropsType'

export type MaskPropsType = {
  value?: boolean
  'onUpdate:Value'?: (value: boolean) => void
  // 是否开启关闭按钮
  close?: boolean
  // 关闭遮罩的回调
  closeHandler?: () => void
  // 点击遮罩是否关闭
  closeOnClick?: boolean
  // 点击遮罩的回调
  clickHandler?: () => void
  // 关闭样式类名
  closeClass?: string | string[]
  // 关闭样式
  closeStyle?: string | Partial<CSSProperties>
  // 是否挂载到 body 元素
  body?: boolean
  // 组件在渲染时使用的指令
  displayDirective?: 'if' | 'show'
  // 内容在水平方向是否居中
  horizontalCenter?: boolean
  // 内容在垂直方向是否居中
  verticalCenter?: boolean
  // 遮罩的背景
  background?: string
  // 遮罩样式类名
  maskClass?: string | string[]
  // 遮罩样式
  maskStyle?: string | Partial<CSSProperties>
}
